<script setup>
import { ref, onMounted } from 'vue'

import { useMessageStore } from '@store/message.js'
const MsgStore = useMessageStore()
// defineProps({
//   msg: {
//     type: String,
//     required: true
//   }
// })
const msg = ref('')

onMounted(() => {
  MsgStore.setValue('hello world')
  msg.value = MsgStore.getValue()
})
</script>

<template>
  <h1>{{ msg }}</h1>
</template>

<style scoped lang="scss"></style>
